<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
<head>
<title>国省自检--${fns:getConfig('productName')}</title>
<link rel="stylesheet" href="${ctx}/styles/gsjcss/common.css">
<script src="${ctxStatic}/js/check/checkCommon.js" type="text/javascript"></script>
<script type="text/javascript">
	function btnClick(){
		var url = '${ctx}/conOpearArea/search.do?projectId=${fns:encodeParamUrl(projectId)}&menuId=${fns:encodeParamUrl(menuId)}';
		var data = {};
		//有搜索按钮的情况下 获取条件进行搜索
		data['retrieval'] = getJson('condition');
		loadData(url,data);
	}
	//ajax执行成功之后的回调方法
	function loadDataToTable(data){
		var attData = data['att'];
		var scoreLists = data['scoreLists'];
		var resultLists = data['resultLists'];
		var score = data['score'];
		var percent = data['percent'];
		var manageData = data['manageData'];
		loadAttachment(attData);
		//检索文件的回调方法
        for(var j = 0; j<manageData.length;j++ ){
           loadAttachment(manageData[j].attachments);
       }
	if(data['flag']){
       	var content = '<table style="width:98%; text-align:center;margin-top:5px;" border="1"><thead><tr  style="height:31px">'+
				        	'<th>序号</th>'+
				            '<th>项目名称</th>'+
				            '<th>交通保障方案（有/无）</th>'+
				            '<th>作业区布设规范（是/否）</th>'+
				            '<th>检查得分</th>'+
				            '<th>检查总分</th>'+
				            '<th>完善度</th>'+
				            '</tr></thead><tbody>';
	for(var i = 0; i<manageData.length; i++){
		content += '<tr style="height:31px"><td>'+(i+1)+'</td><td>'+manageData[i].itemName+'</td>';
				 if(resultLists[i*2] == 1){
					 	content += "<td>"+imgRight+"</td>";
	                } else {
	                	content +="<td>"+imgError+"</td>";
	                }
				 if(resultLists[i*2+1] == 1){
					 	content += "<td>"+imgRight+"</td>";
	                } else {
	                	content +="<td>"+imgError+"</td>";
	                }
		content +='<td class="sumTd">'+scoreLists[i]+'</td>';
		if(i == 0){
			content += '<td class="sumTd" rowspan="'+manageData.length+'">'+score+'</td><td class="perTd" rowspan="'+manageData.length+'">'+percent+'%</td></tr>';
		}
	}
	content += '</tbody></table>';
	$('#checkResult').append(content);
	}
}
</script>
</head>
<body>
	<div id="x_top"></div>
	<tags:message content="${msg}" />
	<c:if test="${not empty checkTable.id}">
		<div style="text-align:center">
			<a href="javascript:void(0);" class="btn btn-primary" onclick="downWord('${ctx}/conOpearArea/downWord.do?projectId=${fns:encodeParamUrl(projectId)}&menuId=${fns:encodeParamUrl(menuId)}');" id= "btnDown" role="button" ><div id="x_v"></div></a>
		</div>
	</c:if>
	<form id="checkForm" class="form-horizontal"  method="POST"  name="checkForm" action="${ctx}/conOpearArea/save.do?left=${fns:encodeParam(left)}&parentId=${fns:encodeParam(parentId)}&projectId=${fns:encodeParam(projectId)}&menuId=${fns:encodeParam(menuId)}">
		<input type="hidden" name="token" value="${token}">
		<div id="show">
			<div id="showTable" class="showTable">
				<jsp:include page="/WEB-INF/views/check/common.jsp"/> 
				<div class="model">
					<div>
						<legend>三、检查条件及设置</legend>
						<div class="content-title" id="condition">
							<div style="float:left;margin-right:10px;">
								<div>
		                        	<span>选择工程<font style="color:red;">*</font>：</span>
									<tags:treeselect id="office" name="itemProjectId" value="" labelName="objectName" labelValue=""
											title="单位" url="/conOpearArea/conOpearData.do?projectId=${projectId}" allowClear="true" checked ="true"/>
	                            </div>
								<div style="margin-top:15px">
									<span>每个项目总分<font style="color:red;">*</font>：</span>
	                          		<input type="text" name="yearFull" id="yearFull"  maxlength="6" class="required conInput" value='1'>
								</div>
							</div>
							<div id="x_s" style="float:right">
								<div class="x_ico"></div>
								<a href="#javascript:void(0)" onclick= "btnClick();"  id= "btnSearch" role="button" >搜索&nbsp;</a>
							</div>
						</div>
					</div>
				</div>
				<div class="model">
					<div>
						<legend>四、检索结果</legend>
						<div class="content-title">
							<div class="tabbox">
								<div class="tab">
                                <a href="javascript:;" class="on">规章制度</a>
                                    <c:forEach items="${childMenuList}" var="menu"  varStatus="idxStatus">
                                        <c:if test="${idxStatus.index >= 2}">
                                            <a href="javascript:;">${menu.name}</a>
                                        </c:if>
                                    </c:forEach>
                                </div>
							    <div class="content">
							    	<ul>
							    		<c:forEach items="${childMenuList}" var="menu"  varStatus="idxStatus">
							    			<c:if test="${idxStatus.index >= 1}">
								    			<li>
								    				<table style="width:98%;text-align:center;margin-top:5px;" border="1" id="${menu.tag}">
								    					<thead>
									    					<th>序号</th>
									    					<th>操作</th>
									    					<th>发文单位</th>
									    					<th>上传用户</th>
									    					<th>文件名</th>
									    					<th>发文日期</th>
									    					<th>上传日期</th>
									    					<th>文件大小</th>
									    					<th>文件类型</th>
								    					</thead>
								    					<tbody>
								    						
								    					</tbody>
								    				</table>
								    			</li>
								    		</c:if>
							    		</c:forEach>
							        </ul>
							    </div>
							</div>
						</div>
					</div>
				</div>
				<div class="model">
					<div>
						<legend>五、检查评分</legend>
						<div class="context-title" id="checkResult"></div>
						</div>
					</div>
				</div>
				<div class="model">
					<div class="content-btn">
						<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存" />
						&nbsp;&nbsp;&nbsp;&nbsp;
						<input id="btnCancel" class="btn" type="button" value="返 回" onclick="toBack()" />
					</div>
				</div>
			</div>
		</div>
	</form>
	<script src="${ctxStatic}/js/check/checkCommon.js" type="text/javascript"></script>
</body>
</html>